import VueRouter from "vue-router";
// VueRouter  路由器
import home from '../js/home'
export const router = new VueRouter({
    mode: "history",
    // routes 路由
    routes: [
        {
            path: '/',
            name: "about",
            component: () => import('../js/about.vue'),
            // beforeEnter: (to, from, next) => {
            //     let data = localStorage.getItem('vuex')//拿到存储在本地得数据
            //     console.log('我是数据', data);
            //     if (data) {
            //         if (to.name == 'about') {//如果有数据就去下个页面，没有数据就停留在本页面
            //             next({ name: 'home' })
            //         } else {
            //             next()
            //         }
            //     } else {
            //         if (to.name != 'about') {
            //             next({ name: 'about' })
            //         } else {
            //             next()
            //         }
            //     }
            // }
        },
        {
            path: '/home',//定义路由
            component: () => import('../js/home.vue'),//展示的路由
            name: 'home ',//命名路由
            redirect: { name: 'shou' },// 重定向  网页导航栏里面展示内容  只是一进入页面时有效果 
            children: [
                {
                    path: '/user',
                    name: 'user',
                    component: () => import('../js/user.vue')
                }, {
                    path: '/shop',
                    name: 'shop',
                    component: () => import('../js/shop.vue')
                }, {
                    path: '/shou',
                    name: 'shou',
                    component: () => import('../js/shou.vue'),
                }, {
                    path: '/miana',
                    name: 'miana',
                    component: () => import('../js/miana.vue')
                }, {
                    path: '/mianb',
                    name: 'mianb',
                    component: () => import('../js/mianb.vue')
                },
                {
                    path: '/huo',
                    name: 'huo',
                    component: () => import('../js/huo.vue')
                }, {
                    path: '/jie',
                    name: 'jie',
                    component: () => import('../js/jie.vue')
                },
            ],
            meta: {  //路由源信息（写自定义变量）
                title: 'home',
                isAutr: true
            },
        },
        // {
        //     path: '/vuex',
        //     name: 'vuex',
        //     component: () => import('../shitu/vuexx')
        // },
        //shu页面
        {
            path: '/shu',
            name: 'shu',
            component: () => import('../shitu/shu'),
            meta: {
                title: 'shu',
                isAutr: true
            }
        },
        // 登陆页面
        {
            path: '/about',
            name: 'about',
            component: () => import('../js/about.vue'),

        }
        // {
        //     name: 'element',
        //     path: '/element',
        //     component: () => import('./element'),
        // },

        // {
        //     path: '/vuex',
        //     name: 'vuex',
        //     component: () => import('../shitu/vuexx')
        // },
        // {
        //about 页面
        // path: '/about',
        // //路由视图
        // components: {
        //     default: () =>
        //         import('./about'),
        //     a: () =>
        //         import('./shop')
        // },
        // //
        // component: () => import('./about'),
        // name: 'about',
        // meta: {
        //     title: 'home',
        //     isAutr: true
        // },
        //独享守卫
        //     beforeEnter: (to, from, next) => {
        //         let data = localStorage.getItem('username')//拿到存储在本地得数据
        //         console.log('我是数据', data);
        //         if (data) {
        //             if (to.name == 'about') {//如果有数据就去下个页面，没有数据就停留在本页面
        //                 next({ name: 'home' })
        //             } else {
        //                 next()
        //             }
        //         } else {
        //             if (to.name != 'about') {
        //                 next({ name: 'about' })
        //             } else {
        //                 next()
        //             }
        //         }
        //     }
        // },
    ]
})


//路由守卫
//第一个 前置守卫
// router.beforeEach((to, from, next) => {
// let data = localStorage.getItem('username')//拿到存储在本地得数据
// console.log(data);
// if (data) {
//     if (to.name == 'about') {//如果有数据就去下个页面，没有数据就停留在本页面
//         next({ name: 'home' })
//     } else {
//         next()
//     }
// } else {
//     if (to.name != 'about') {
//         next({ name: 'about' })
//     } else {
//         next()
//     }
// }
//     console.log('to', to);
//     console.log('from', from);
// console.log(next);
//     //放行  走自己的逻辑
// next()
//     //不放行
// next(false)
//     //放行到你指定的路
// next({ name: '', path: '' })
// })

//后置守卫

export default router